<ion-header>
  <ion-toolbar class="orange-bar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="goBack()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>充值</ion-title>
    <ion-buttons slot="end">
      <ion-button color="light" class="record-btn" [routerLink]="['/auth/user-records', {userRole: userRole, recordType: 'recharge'}]">
        充值记录
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div class="flex-box">
    <ion-input type="number" pattern="[0-9.]*" placeholder="请输入充值金额" [(ngModel)]="amount" (ionChange)="limitValue()"></ion-input><span>元</span>
  </div>
  <ion-text color="tertiary">
    <div text-right padding-vertical>&nbsp;{{errMsg}}</div>
  </ion-text>
  <div text-center>
    <a class="link-btn bg-orange" [class.disabled]="!amount || errMsg" (click)="doRecharge()">确认充值</a>
  </div>

  <ion-text color="medium">
    <p class="tip-info">
      <ion-icon name="information-circle" color="tertiary"></ion-icon>温馨提示：<br>
      1.投资人充值过程全程免费，不收取任何手续费；<br>
      2.个人用户当日网银充值资金当日不可取现（快捷充值不受限制）；<br>
      3.充值必须为银行借记卡，不支持存折、信用卡充值；<br>
      4.严禁利用充值功能进行信用卡套现、转账、洗钱等行为，一经发现，将封停账号30天；<br>
      5.充值需开通银行卡网上支付功能，如有疑问请咨询开户行客服；<br>
      6.充值期间，请勿关闭APP，待充值成功并返回首页后，所充资金才能入账，如有疑问，请及时联系客服。
    </p>
  </ion-text>
</ion-content>
